<template>
	<div class='home-parent'>
		<TopNav
			showNavs
			showInform
			showAvatar
		/>
		<SlideCard :imgs="slideImgs" />
		<div class="container">
			<div class="title">推荐教程</div>
			<CourseList
				size="313"
				column="3"
				:showTags="false"
			/>
		</div>
	</div>
</template>

<script>
import SlideCard from './components/SlideCard'

export default {
  components: {
    SlideCard,
  },
  data() {
    return {
      slideImgs: [
        'https://aha-public-1301319986.cos.ap-shanghai.myqcloud.com/static_file/yuping/baground/20220308101921701-Rectangle 3.png'
      ]
    }
  },
  computed: {

  },
  methods: {

  }
}
</script>

<style lang='scss' scoped>
.home-parent {
  background-color: $color1;

  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
    background-color: #ffffff;
    border-radius: 30px 30px 0 0;

    .title {
      padding: 52px 0 32px;
      font-size: 26px;
      color: $color1;
    }
  }
}
</style>
